<script setup>
import Nav from "./components/app/navigation.vue"
import food from "./views/food.vue"
import { CaretTop } from '@element-plus/icons-vue'
</script>

<template>
    <el-affix class="parent-container" :offset="0">
        <Nav></Nav>
    </el-affix>
    <RouterView></RouterView>
    <el-backtop :bottom="50">
        <div>
            <el-icon>
                <CaretTop />
            </el-icon>
        </div>
    </el-backtop>
    <div class="food">
        <food></food>
    </div>
</template>

<style scoped src="./class/css/normalize.css"></style>

<style>
.parent-container {
    margin-bottom: 5px;
}

.food {
    background-color: white;
    padding: 50px;
    height: 150px;
}
</style>